
@import url(reset.css);
@import url(font.css);
@import url(typo.css);

/*
width:975px;
content-width:975px;
*/

body{  background:url(../images/background.jpg) 50% 0 no-repeat;  }
/*.mainBody_2{ background:url(../images/imgBackground_2.png) repeat-x;}*/
.max-container{ margin:0px auto; position:relative; }
.container{ width:975px; margin:0px auto; position:relative; overflow:hidden;}
.clear{ clear:both; }
.no_border{ border:none !important;}
.no_border_right{ border-right:none !important;}
.no_margin_right{ margin-right:0px !important;}
.no_margin_left{ margin-left:0px !important;}
.no_padding_left{ padding-left:0px !important;}
.no_padding_right{ padding-right:0px !important;}
.no_background{background:none !important;}
.float_right{ float:right !important;}
.float_left{ float:left !important;}
.bold{ font-weight:bold !important; }
.textInput{ display:block; }
.activeSelect{ color:#e0c771 !important; }
.hide{ display:none !important; }
.updnWatermark{ font-size:12px; color:#292929; left:260px !important; }
/* USING FOR SITE WITHOUT SLIDE IMAGE*/
.no_slideImage{ /*padding-top:120px;*/ top:-18px; }
.activeLang,
.gold{color:#c20001 !important;}
.odd{ background-color:#eeeeee !important;}
.even{}
/*.activeNavigation{color:#fdc00d !important;}*/

.txtInput_toggle{}
.red_style{ color:#c10003; }
/***************** SETTING WIDTH FOR HEADER - CONTENT - FOOTER  ********************/
.header,
.content,
.footer{width:975px;margin:0px auto; overflow:hidden;}
/***************** HEADER ********************/
.header{ display:block; position:relative;}
	.header .logo{ float:left; }
	.header .logo h2,
	.header .logo h2 a { display:block; overflow:hidden; text-indent:-9999px; }
	.header #logo-1,
	.header #logo-1 h2,
	.header #logo-1 h2 a{ width:120px; height:100px; background:url(../images/imgLogo-1.png) no-repeat;}
	.header #logo-2,
	.header #logo-2 h2,
	.header #logo-2 h2 a{ width:665px; height:70px; background:url(../images/imgLogo-2.png) no-repeat;}
	.header #logo-3,
	.header #logo-3 h2,
	.header #logo-3 h2 a{ width:92px; height:77px; background:url(../images/imgLogo-3.png) no-repeat;}
	.header #logo-1{ margin-top:10px; margin-left:15px;}
	.header #logo-2{ margin-top:25px; margin-left:12px;}
	.header #logo-3{ margin-top:20px;}
	.header #log-in{ position:absolute; top:0px; right:0px; background:url(../images/imgBG-top-right.png) repeat-x; height:23px;}
	.header #log-in a{ line-height:23px; color:#FFF; padding:0px 8px;}
	
	/***************** NAVIGATION ********************/
	.header .navigation{ display:block; background:url(../images/imgNavigation-bg.png) repeat-x; margin-top:15px; margin-bottom:10px; height:36px;}
		.navigation ul{ margin:0px; padding:0px; display:block; margin-left:10px;}
		.navigation ul li{ display:block; float:left; height:36px; margin:0px 25px; }
		.navigation ul li a{ color:#FFF; line-height:36px; display:block; font-size:14px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:bold;}
	
/***************** FONT SETTING********************/
.font-1{ font-family:"MarkNormal";}

/***************** CSS3 SETTING ********************/
.border-radius-1{	
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px; 
}

/***************** BOX FLOAT SETTING ********************/
.box-1,
.box-2,
.box-3,
.box-4,
.box-5,
.box-6,
.box-7{ float:left;}
.box-1{ width:483px;} /* Homepage */
.box-2{ width:235px;} /* Homepage */
.box-3{ width:975px;} /* Homepage */
.box-4{ width:245px;} /* 2-3 COLUMN PAGES */
.box-5{ width:720px;} /* 2-COLUMN PAGES */
.box-6{ width:471px;} /* 3-COLUMN PAGES */
.box-7{ width:321px;} /* AARANG */
/***************** HEADING SETTING ********************/
.heading-1{ display:block; overflow:hidden; background:url(../images/imgHeading-bg.png) repeat-x; height:30px; line-height:30px;}
	.heading-1 img{ float:left; display:block; margin:5px;}
	.heading-1 .heading-title{ display:block; float:left;}
		.heading-1 .heading-title h1{ color:#FFF; font-size:14px;}

/***************** BUTTON SETTING ********************/
.button-1{ display:block; text-indent:-9999px; background:url(../images/btnLearnmore.png) no-repeat; width:140px; height:43px; float:right; }
.button-1:hover{ background-position:-140px 0px;}
/***************** HOMEPAGE ********************/
#homepage-div{ display:block; overflow:hidden;}
	/***************** BOX-1 ********************/
	#box-photo-week{ display:block; overflow:hidden; background-color:#FFF; height:324px;}
		#box-photo-week #box-photo-content{ display:block; background-color:#FFF; overflow:hidden; margin:8px 7px 0px 7px;}
			#box-photo-content a#box-photo-sample{ display:block; width:468px; margin:0px auto; margin-bottom:10px;}
			#box-photo-content a#box-photo-sample img{ max-width:468px; max-height:189px; display:block;}
				#box-photo-content #box-photo-week-content{ float:left; width:310px; max-height:77px; overflow:hidden; margin-bottom:10px;}
					#box-photo-content #box-photo-week-content h2{ font-size:18px; color:#0f1111; font-weight:bold; margin-bottom:2px;}
					#box-photo-content #box-photo-week-content p{ text-align:justify;}
				#box-photo-content #box-photo-week-button{ margin-top:30px;}
	
	/***************** BOX-RESULT ********************/
	#box-result{ display:block; overflow:hidden; background:url(../images/box-result.jpg) no-repeat; background-color:#FFF; margin-left:9px; height:213px;}
		#box-result-table { display:block; margin:2px 7px 0px 7px;}
		#box-result-table table{ margin:0px; padding:0px;}
		#box-result-table table th{ text-align:left; text-transform:uppercase; border-bottom:1px solid #e0e4e7;}
		#box-result-table table tr td{ font-size:11px;}
		#box-result-table #box-result-full{ background:url(../images/imgArrow-1.png) right center no-repeat; padding-right:20px; color:#004d80; font-size:10px;}
	#box-result #box-result-button{	text-indent:-9999px; display:block; background:url(../images/btnResult.png) no-repeat; width:211px; height:51px;	 margin-left:7px;}
	#box-result #box-result-button:hover{ background-position:-211px 0px;}
	
	/***************** BOX-TEMP-1, BOX-TEMP-2 ********************/
	#box-temp-1,
	#box-temp-2{ display:block; overflow:hidden; margin-left:12px;}
		#box-temp-1 #box-temp-1-link,
		#box-temp-2 #box-temp-2-link{ display:block;}
		#box-temp-1 #box-temp-1-link img,
		#box-temp-2 #box-temp-2-link img{ max-width:235px; max-height:101px;}
	#box-temp-2{ margin-top:11px;}
		
	/***************** BOX-TEMP-3 ********************/
	#box-temp-3{ display:block; overflow:hidden; position:relative; margin:11px 0px 0px 9px; width:483px;}
		#box-temp-3 #box-temp-3-image{ display:block;}
		#box-temp-3 #box-temp-3-image img{ max-width:482px; max-height:101px; display:block;}
		#box-temp-3 #box-temp-3-button{ display:block; background:url(../images/btnLearnmore.png) no-repeat; width:140px; height:43px; text-align:-9999px; position:absolute; bottom:10px; right:10px;}
		#box-temp-3 #box-temp-3-button:hover{ background-position:-140px 0px;}
		
	/***************** BOX-NEWS, BOX-ARTICLE ********************/
	#box-news, #box-article{ display:block; overflow:hidden; background-color:#FFF; margin-top:12px; height:313px;}
	#box-news #box-news-content,
	#box-article #box-article-content{ display:block; margin:7px;}
		#box-news-content #box-news-sample,
		#box-article-content #box-article-sample{ display:block;}
			#box-news-sample img,
			#box-article-sample img{ max-width:222px; max-height:116px;}
		#box-news-content #box-news-text,
		#box-article-content #box-article-text{ display:block; max-height:110px; overflow:hidden;}
			#box-news-text h2,
			#box-article-text h2{ font-size:18px; color:#0f1111; font-weight:bold; margin-bottom:5px; }
			#box-news-text p,
			#box-article-text p{ text-align:justify;}
		#box-news-content #box-news-button,
		#box-article-content #box-article-button{ display:block; margin-top:2px;}
	
	#box-article{ margin-left:13px;}
	
	/***************** BOX-TEMP-4 ********************/
	#box-temp-4{ display:block; }
	#box-temp-4 a{ display:block;}
	#box-temp-4 a img{ max-height:101px; max-width:235px; }
	
	/***************** BOX-FACEBOOK ********************/
	#box-facebook{ display:block; }
	#box-facebook a{ display:block;}
	#box-facebook a img{}
	
	/***************** BOX-POLL ********************/
	#box-poll{ display:block; background:url(../images/imgPoll-bg.png); background-color:#FFF; margin-top:12px; overflow:hidden; height:200px;}
	#box-poll #box-poll-content{ display:block; overflow:hidden; margin:11px 7px 0px 7px;}
		#box-poll-content h2{ font-size:16px; font-weight:bold; margin-bottom:5px;}
		#box-poll-content ul{ margin:0px; padding:0px; display:block;}
		#box-poll-content ul li{ display:block; margin-bottom:2px; }
		#box-poll-content ul li input{ vertical-align:text-top;}
		#box-poll-content ul li label{ vertical-align:text-bottom;}
		#box-poll-content #box-poll-vote{ text-transform:uppercase; margin:10px 0px; float:right; border:1px solid #000; padding:0px 5px; }
	
	/***************** BOX-TEMP-5, BOX-TEMP-6 ********************/
	#box-temp-5,
	#box-temp-6{ display:block; margin:12px 0px 0px 9px; height:313px; overflow:hidden;}
	#box-temp-6{ margin-left:12px;}
	
	/***************** BOX-NEWSLETTER ********************/
	#box-newsletter{ display:block; overflow:hidden; background:url(../images/imgPattern-1.png) repeat-x; background-color:#202020; margin-top:12px;}
	#box-newsletter #box-newsletter-content{ display:block; overflow:hidden; margin:7px 7px 10px 7px;}
		#box-newsletter-content h2{ color:#FFF; text-transform:uppercase; font-size:14px; font-weight:bold;}
		#box-newsletter-content p{ color:#FFF; font-size:11px; }
		#box-newsletter-content #box-newsletter-form{ display:block; }
			#box-newsletter-form input{ height:28px; line-height:28px; padding:0px 5px; border:1px solid #666666; color:#666666; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; float:left; margin-top:5px; width:155px;}
			#box-newsletter-form #box-newsletter-submit{ display:block; float:left; background:url(../images/btnOK.png) no-repeat; width:39px; height:36px; text-indent:-9999px; margin-left:15px;}
			#box-newsletter-form #box-newsletter-submit:hover{ background-position:-38px 0px;}
	/***************** BOX-ADS ********************/
	#box-ads{ display:block; overflow:hidden; margin:15px 0px;}
		#box-ads a{ display:block; }
		#box-ads a img{ display:block; max-width:975px;}
	
/***************** FOOTER ********************/
.footer{}
.footer #footer-block{ display:block; overflow:hidden; background:#FFF;}
	#footer-block #footer-1{ background:#FFF; display:block; overflow:hidden;}
	#footer-block #footer-2,
	#footer-block #footer-3,
	#footer-block #footer-4{ background:#FFF; display:block; overflow:hidden; margin-left:12px;}
		#footer-1 #footer-1-content,
		#footer-2 #footer-2-content,
		#footer-3 #footer-3-content{ display:block; overflow:hidden; margin:7px;}
			#footer-1-content h2,
			#footer-2-content h2,
			#footer-3-content h2{ font-weight:bold; font-size:14px; text-transform:uppercase;}
			#footer-1-content p{ text-align:justify; display:block;}
		#footer-2 #footer-2-content{}
			#footer-2-content ul{ margin:0px; padding:0px; }
			#footer-2-content ul li{}
			#footer-2-content ul li a{ background:url(../images/imgArrow-2.png) right center no-repeat; padding-right:12px;}
			#footer-2-content ul li a:hover{ text-decoration:underline;}
	#footer-block #footer-3{ max-height:180px;}
		#footer-3 #footer-3-content{ display:block;}
			#footer-3-content #tag-clould{ display:block; margin-top:5px;}
				#tag-cloud ul{ margin:0px; padding:0px;}
				#tag-cloud ul li{}
				#tag-cloud ul li a{ color:#216591; font-weight:bold;}
	#footer-block #footer-4{ margin-left:11px; text-align:center;}	
		#footer-4 #footer-4-content{ display:block; margin:15px 0px;}
		#footer-4 #footer-4-content a{ display:block;}
		#footer-4 #footer-4-content a img{ max-width:150px; max-height:150px;}
.footer .footer-ending-link{float:right; color:#004d80; font-size:11px;}		
.footer .footer-ending-link:hover{ text-decoration:underline;}
	
.footer #footer-ending{ display:block; margin-bottom:15px;}
	#footer-ending #footer-navigation{ float:left; margin:0px; padding:0px; margin-left:135px;}
	#footer-ending #footer-social{ float:right; margin:0px; padding:0px; }
		#footer-navigation li{ float:left;  margin:15px 0px;}
		#footer-navigation li a{ background:url(../images/imgFooter-splitter.png) right center no-repeat;text-transform:uppercase; display:block; padding:0px 20px; font-size:12px; font-weight:bold;}
		#footer-navigation li a#footer-email{}
		#footer-navigation li a#footer-email:hover{ text-decoration:underline;}
		#footer-social li{ display:block; float:left;}
		#footer-social li a{ display:block; text-indent:-9999px; background:url(../images/imgSocial.png) no-repeat; width:41px; height:41px;}
		#footer-social a#footer-facebook{ background-position:-41px 0px; }
		#footer-social a#footer-youtube{ background-position:0px 0px; margin-right:10px;}
/***************** 2 COLUMNS, 3 COLUMNS ********************/
#template-2-cols,
#template-3-cols{ display:block; overflow:hidden; margin-bottom:15px;}
#template-2-cols #col2-left,
#template-3-cols #col3-left,
#template-3-cols #col3-right{ background:url(../images/imgWhite-transparent40.png);}
	#col2-left #col2-content,
	#template-3-cols .col3-content{ margin:10px; text-align:justify;}
		#col2-content h3,
		.col3-content h3{ font-size:14px; font-weight:bold;}
#template-2-cols #col2-right,
#template-3-cols #col3-mid{ background:url(../images/imgWhite-transparent90.png); margin-left:10px;}
	#col2-right #col2-right-content{ margin:0px 10px;}
		#col2-right-content .eachNew{ display:block; border-bottom:1px solid #88abc4; padding:13px 0px;}
			.eachNew .eachNew-left{ float:left; width:500px; text-align:justify; max-height:121px; overflow:hidden;}
			.eachNew .eachNew-right{ float:right; display:block; width:191px; height:121px; bordeR:1px solid #7a7a7a; background-color:#a4a3a3;}
				.eachNew-right a{ display:block; width:191px; height:121px;}
				.eachNew-right a img{ max-width:191px; max-height:121px;}
				.eachNew-left h2,
				.eachNew-left h2 a{ font-size:14px; color:#262727; margin-bottom:5px; font-weight:bold;}
				.eachNew-left p{ line-height:15px; }
#template-3-cols #col3-right{ }
#template-3-cols #col3-mid{ margin:0px 7px;}
/***************** ARGANG ********************/
#box-pool, 
#box-match,
#box-pic-game{ display:block; overflow:hidden; background:url(../images/imgWhite-transparent90.png); height:255px;}
#box-pool #box-pool-content,
#box-match #box-match-content{ display:block; overflow:hidden; margin:10px; margin-bottom:0px;}

	#box-pool-content ul{ margin:0px; padding:0px; }
	#box-pool-content ul li{ display:block; background:#FFF; color:#cf1c0f; line-height:33px; height:33px; font-size:13px; font-weight:bold; padding:0px 5px;}
	
	#box-match{ margin-left:6px;}
	#box-match-content table tr{ background:#FFF; height:33px; vertical-align:middle;}
	#box-match-content table tr th{ vertical-align:middle; text-align:left; padding:0px 5px;}
	#box-match-content table tr td{ font-weight:bold; padding:0px 5px;}
	#box-match-content span{ display:block;}

#box-pic-game{ margin-left:6px;}	
#box-pic-game #box-pic-game-content{ margin:10px; display:block; overflow:hidden;}
	#box-pic-game-content a{ display:block;}
	#box-pic-game-content a img{ max-height:204px; max-width:304px; display:block;}
	
#box-ads-2,
#box-article-2,
#box-information{ display:block; overflow:hidden; height:300px; margin:12px 0px; background:url(../images/imgWhite-transparent90.png);}
#box-ads-2 #box-ads-2-content{ display:block; overflow:hidden; position:relative;}
	#box-ads-2 a{ display:block;}
	#box-ads-2 a img{ max-width:321px; max-height:300px;}
	#box-ads-2 a#btnBox-ads{ background:url(../images/btnDetail.png) no-repeat; width:171px; height:53px; position:absolute; bottom:10px; right:10px;}
	#box-ads-2 a#btnBox-ads:hover{ background-position:-171px 0px;}

#box-article-2,
#box-information{ margin-left:6px;}
#box-article-2 #box-article-2-content,
#box-information #box-information-content{ display:block; overflow:hidden; margin:10px;}
	#box-article-2-content > a,
	#box-information-content > a{ display:block;}
	#box-article-2-content > a img,
	#box-information-content > a img{ max-width:300px; max-height:113px;}
	#box-article-2-content #box-article-2-text,
	#box-information-content #box-information-text{ display:block; height:100px; overflow:hidden;}
		#box-article-2-text h2,
		#box-information-text h2{ color:#0F1111; font-size:18px; font-weight:bold; margin:5px 0px;}
		#box-article-2-text p,
		#box-information-text p{ text-align:justify; margin-bottom:3px;}
	
/***************** HEADER ********************/
/***************** HEADER ********************/
/***************** HEADER ********************/
/***************** HEADER ********************/